<template>
  <component :is="reader()"></component>
</template>
<script setup lang="ts">
import { h } from "vue";
const reader = () => {
  return h(
    "el-icon",
    { style: "display:flex", height: "20px", width: "20px" },
    [
      h(
        "svg",
        {
          viewBox: "0 0 1024 1024",
          version: "1.1",
          style: "height:20px;width:20px",
          xmlns: "http://www.w3.org/2000/svg",
        },
        [
          h("path", {
            d: "M512 981.333333c259.2 0 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333z",
            fill: "rgba(51, 112, 255, 1)",
          }),
          h("path", {
            d: "M512 234.666667A53.333333 53.333333 0 1 1 512 341.333333a53.333333 53.333333 0 0 1 0-106.666666zM522.666667 384h-64a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h21.333333v213.333334H426.666667a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h192a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333h-53.333334v-256a42.666667 42.666667 0 0 0-42.666666-42.666667z",
            fill: "#fff",
          }),
        ]
      ),
    ]
  );
};
</script>
<style lang="scss"></style>
